<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>小米</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery-1.11.0.js"></script>
		<script src="js/jquery-ui.js"></script>
		<link rel="stylesheet" href="iconfont/iconfont.css">
	</head>

	<body>
		<!--顶部栏-->
		<div class="topBar">
			<div class="container">
				<div class="topBar-list">
					<a href="#">小米商城</a>
					<span>|</span>
					<a href="#">MIUI</a>
					<span>|</span>
					<a href="#">loT</a>
					<span>|</span>
					<a href="#">云服务</a>
					<span>|</span>
					<a href="#">金融</a>
					<span>|</span>
					<a href="#">有品</a>
					<span>|</span>
					<a href="#">小爱开放平台</a>
					<span>|</span>
					<a href="#">企业团购</a>
					<span>|</span>
					<a href="#">资质证照</a>
					<span>|</span>
					<a href="#">协议规则</a>
					<span>|</span>
					<a href="#">下载app</a>
					<span>|</span>
					<a href="#">Select Locat</a>
					<span>|</span>
				</div>
				<div class="shop">
					<a href="#" class="iconfont icon-gouwuche">购物车（0）</a>
					<div id="drop-down">您暂时没有购买物品</div>
				</div>
				<div class="login">
					<a href="#">登录</a>
					<span>|</span>
					<a href="#">注册</a>
					<span>|</span>
					<a href="#">消息通知</a>
					<span>|</span>
				</div>
			</div>
		</div>
		<!--导航栏-->
		<div class="header">
			<div class="container">
				<div class="site-logo">
					<img src="img/logo.png" />
				</div>
				<div class="site-list">
					<ul>
						<li class="site-category">
							<a href="">全部商品分类</a>

							<!--侧边栏-->

							<div class="category-list">
								<ul>
									<li id="cebianl1">
										<a href="#">
											手机 电话卡
											<span class="iconfont icon-you"></span>
										</a>

										<div class="cebianlan" id="cebianl1-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第一个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>

									<li id="cebianl2">
										<a href="#">
											电视 盒子
											<span class="iconfont icon-you"></span>
										</a>
										<div class="cebianlan" id="cebianl2-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第二个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>

									<li id="cebianl3">
										<a href="#">
											笔记本 平板
											<span class="iconfont icon-you"></span>
										</a>

										<div class="cebianlan" id="cebianl3-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第三个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>

									</li>
									<li id="cebianl4">
										<a href="#">
											家电 插线板
											<span class="iconfont icon-you"></span>
										</a>
										<div class="cebianlan" id="cebianl4-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第四个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>
									<li id="cebianl5">
										<a href="#">
											出行 穿戴
											<span class="iconfont icon-you"></span>
										</a>
										<div class="cebianlan" id="cebianl5-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第五个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>
									<li id="cebianl6">
										<a href="#">
											智能 路由器
											<span class="iconfont icon-you"></span>
										</a>
										<div class="cebianlan" id="cebianl6-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第六个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>
									<li id="cebianl7">
										<a href="#">
											电源 配件
											<span class="iconfont icon-you"></span>
										</a>
										<div class="cebianlan" id="cebianl7-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第七个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>
									<li id="cebianl8">
										<a href="#">
											健康 儿童
											<span class="iconfont icon-you"></span>
										</a>
										<div class="cebianlan" id="cebianl8-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第八个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>
									<li id="cebianl9">
										<a href="#">
											耳机 音响
											<span class="iconfont icon-you"></span>
										</a>
										<div class="cebianlan" id="cebianl9-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第九个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>
									<li id="cebianl10">
										<a href="#">
											生活 箱包
											<span class="iconfont icon-you"></span>
										</a>
										<div class="cebianlan" id="cebianl10-1">
											<ul>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>第十个页面</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
												</li>
												<li>
													<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
												</li>
											</ul>
										</div>
									</li>
								</ul>
							</div>

						</li>

						<li id="submenu1">
							<a href="#">小米手机</a>
							<div class="submenu1" id="submenu1-1">
								<ul>
									<li style="border-left: 0px;">
										<img src="img/phone1.png" />
										<br>
										<span>小米cc9 pro</span>
									</li>
									<li>
										<img src="img/phone1.png" />
										<br>
										<span>小米cc9 pro</span>
									</li>
									<li>
										<img src="img/phone1.png" />
										<br>
										<span>小米cc9 pro</span>
									</li>
									<li>
										<img src="img/phone1.png" />
										<br>
										<span>小米cc9 pro</span>
									</li>
									<li>
										<img src="img/phone1.png" />
										<br>
										<span>小米cc9 pro</span>
									</li>
									<li>
										<img src="img/phone1.png" />
										<br>
										<span>小米cc9 pro</span>
									</li>
								</ul>
							</div>
						</li>
						<li id="submenu2">
							<a href="#">Redmi红米</a>
							<div class="submenu1" id="submenu2-1">
								<ul>
									<li style="border-left: 0px;">
										<img src="img/phone2.png">
										<br>
										<span>red mi 8</span>
									</li>
									<li>
										<img src="img/phone2.png">
										<br>
										<span>red mi 8</span>
									</li>
									<li>
										<img src="img/phone2.png">
										<br>
										<span>red mi 8</span>
									</li>
									<li>
										<img src="img/phone2.png">
										<br>
										<span>red mi 8</span>
									</li>
									<li>
										<img src="img/phone2.png">
										<br>
										<span>red mi 8</span>
									</li>
									<li>
										<img src="img/phone2.png">
										<br>
										<span>red mi 8</span>
									</li>
								</ul>
							</div>
						</li>
						<li id="submenu3">
							<a href="#">电视</a>
							<div class="submenu1" id="submenu3-1">
								<ul>
									<li style="border-left: 0px;">
										<img src="img/phone3.png" />
										<br>
										<span>小米壁画电视</span>
									</li>
									<li>
										<img src="img/phone3.png" />
										<br>
										<span>小米壁画电视</span>
									</li>
									<li>
										<img src="img/phone3.png" />
										<br>
										<span>小米壁画电视</span>
									</li>
									<li>
										<img src="img/phone3.png" />
										<br>
										<span>小米壁画电视</span>
									</li>
									<li>
										<img src="img/phone3.png" />
										<br>
										<span>小米壁画电视</span>
									</li>
									<li>
										<img src="img/phone3.png" />
										<br>
										<span>小米壁画电视</span>
									</li>
								</ul>
							</div>
						</li>
						<li id="submenu4">
							<a href="#">笔记本</a>
							<div class="submenu1" id="submenu4-1">
								<ul>
									<li style="border-left: 0px;">
										<img src="img/phone6.png" />
										<br>
										<span>小米笔记本</span>
									</li>
									<li>
										<img src="img/phone6.png" />
										<br>
										<span>小米笔记本</span>
									</li>
									<li>
										<img src="img/phone6.png" />
										<br>
										<span>小米笔记本</span>
									</li>
									<li>
										<img src="img/phone6.png" />
										<br>
										<span>小米笔记本</span>
									</li>
									<li>
										<img src="img/phone6.png" />
										<br>
										<span>小米笔记本</span>
									</li>
									<li>
										<img src="img/phone6.png" />
										<br>
										<span>小米笔记本</span>
									</li>
								</ul>
							</div>
						</li>
						<li id="submenu5">
							<a href="#">家电</a>
							<div class="submenu1" id="submenu5-1">
								<ul>
									<li style="border-left: 0px;">
										<img src="img/phone4.png" />
										<br>
										<span>空调</span>
									</li>
									<li>
										<img src="img/phone4.png" />
										<br>
										<span>空调</span>
									</li>
									<li>
										<img src="img/phone4.png" />
										<br>
										<span>空调</span>
									</li>
									<li>
										<img src="img/phone4.png" />
										<br>
										<span>空调</span>
									</li>
									<li>
										<img src="img/phone4.png" />
										<br>
										<span>空调</span>
									</li>
									<li>
										<img src="img/phone4.png" />
										<br>
										<span>空调</span>
									</li>
								</ul>
							</div>
						</li>
						<li id="submenu6">
							<a href="#">路由器</a>
							<div class="submenu1" id="submenu6-1">
								<ul>
									<li style="border-left: 0px;">
										<img src="img/phone5.png" />
										<br>
										<span>路由器</span>
									</li>
									<li>
										<img src="img/phone5.png" />
										<br>
										<span>路由器</span>
									</li>
									<li>
										<img src="img/phone5.png" />
										<br>
										<span>路由器</span>
									</li>
									<li>
										<img src="img/phone5.png" />
										<br>
										<span>路由器</span>
									</li>
									<li>
										<img src="img/phone5.png" />
										<br>
										<span>路由器</span>
									</li>
									<li>
										<img src="img/phone5.png" />
										<br>
										<span>路由器</span>
									</li>
								</ul>
							</div>
						</li>
						<li id="submenu7">
							<a href="#">智能硬件</a>
							<div class="submenu1" id="submenu7-1">
								<ul>
									<li style="border-left: 0px;">
										<img src="img/phone7.png" />
										<br>
										<span>小米智能门锁</span>
									</li>
									<li>
										<img src="img/phone7.png" />
										<br>
										<span>小米智能门锁</span>
									</li>
									<li>
										<img src="img/phone7.png" />
										<br>
										<span>小米智能门锁</span>
									</li>
									<li>
										<img src="img/phone7.png" />
										<br>
										<span>小米智能门锁</span>
									</li>
									<li>
										<img src="img/phone7.png" />
										<br>
										<span>小米智能门锁</span>
									</li>
									<li>
										<img src="img/phone7.png" />
										<br>
										<span>小米智能门锁</span>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="#">服务</a>
						</li>
						<li>
							<a href="#">社区</a>
						</li>
					</ul>

				</div>
				<div class="site-search">
					<form action="">
						<input type="text" name="shop" class="search-text" />
						<button id="search-btn"><span class="iconfont icon-fangdajing"></span></button>
						<div class="search-word">
							<a href="#">小米9</a>
							<a href="#">小米9SE</a>
						</div>

					</form>
					<div class="prompt">
						<ul>
							<li>小米9</li>
							<li>redmi K20 pro</li>
							<li>小米电视4c</li>
							<li>小爱音箱</li>
							<li>净水器</li>
							<li>电视32英寸</li>
							<li>Redmi note 7</li>
						</ul>
					</div>

				</div>
			</div>
		</div>
		<!--主页内容-->
		<div class="site-content">
			<div class="container">
				<!--轮播图-->
				<div class="site-slider">
					<ul class="list">
						<li class="item"></li>
						<li class="item"></li>
						<li class="item"></li>
						<li class="item"></li>
						<li class="item"></li>
					</ul>
					<span class="next" id="goNext"></span>
					<span class="prev" id="goPre"></span>

					<div class="slider-item">
						<a href="#" class="bullet focus"></a>
						<a href="#" class="bullet"></a>
						<a href="#" class="bullet"></a>
						<a href="#" class="bullet"></a>
						<a href="#" class="bullet"></a>
					</div>

				</div>

				<!--<div class="site-slider">
					<a href="#"><img src="img/banner.jpg"/></a>
					<span class="next"></span>
					<span class="prev"></span>
					小圆点
					<div class="slider-item"> 
						<a href="#" class="bullet focus"></a>
						<a href="#" class="bullet"></a>
						<a href="#" class="bullet"></a>
						<a href="#" class="bullet"></a>
						<a href="#" class="bullet"></a>
					</div>
				</div>-->

				<div class="box">
					<div class="box-etui1">
						<ul class="box-bf">
							<li><span class="iconfont icon-shijianlishijilujishizhongbiaoxianxing"></span>小米秒杀</li>
							<li><span class="iconfont icon-qiye"></span>企业团购</li>
							<li><span class="iconfont icon-fma"></span>F码通道</li>
							<li><span class="iconfont icon-dianhuaqia"></span>米粉卡</li>
							<li><span class="iconfont icon-qian"></span>以旧换新</li>
							<li><span class="iconfont icon-huafeichongzhi"></span>话费充值</li>
						</ul>
					</div>
					
					<div class="box-etui"><img src="img/shouji1.jpg"></div>
					<div class="box-etui"><img src="img/shouji2.jpg"></div>
					<div class="box-etui"><img src="img/shouji3.jpg"></div>
				</div>

				<!--向导-->
				<!--<div class="content-sub">
					<div class="conten-channel">
						<ul class="channel-list">
							<li>
								<a href="#"></a>
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="content-list">
						<ul>
							<li>
								<a href="#">
									<img src=""/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src=""/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src=""/>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>-->
			</div>
			<!--内容详情-->
			<div class="frame">
				<!--框架-->
				<div class="content">
					<div class="content-desc">
						<span class="font" id="abc">
					 		小米闪购
					 	</span>
						<span class="icon">
							<i class="iconfont icon-zuo"></i>
							<i class="iconfont icon-zuo1"></i>
						</span>
					</div>

					<div class="map-right">
						<ul>
							<li><div class="h3">14:00场</div></li>
							<li><img src="img/flash.png"></li>
							<li class="text">距离结束还有</li>
							<li class="time">
								<span id="hours">00</span><i>:</i>
								<span id="min">00</span><i>:</i>
								<span id="seconds">00</span>
							</li>
						</ul>
					</div>
					
					<ul>
						<li class="map">
							<ul>
								<li class="img-box"><img src="img/seckill1.png"></li>
								<li><span class="title">小米米家视频门铃 套餐</span></li>
								<li><span class="desc">是门铃也是门前的护卫</span></li>
								<p><span>209元</span><del>400元</del></p>
							</ul>
							<span class="flag">5折</span>
						</li>
						<li class="map">
							<ul>
								<li class="img-box"><img src="img/seckill2.png"></li>
								<li><span class="title">米家魔方转换器 有线版</span></li>
								<li><span class="desc">方寸之间，能量无限</span></li>
								<p><span>59元</span><del>69元</del></p>
							</ul>
						</li>
						<li class="map">
							<ul>
								<li class="img-box"><img src="img/seckill3.png"></li>
								<li><span class="title">小米路由器4A 纯白色</span></li>
								<li><span class="desc">更高性价比的双频路由器</span></li>
								<p><span>99元</span><del>119元</del></p>
							</ul>
						</li>
						<li class="map">
							<ul>
								<li class="img-box"><img src="img/seckill4.png"></li>
								<li><span class="title">MIJOY 抽纸青春版 24包/箱</span></li>
								<li><span class="desc">精选原浆竹浆，健康环保</span></li>
								<p><span>27.9元</span><del>32.9</del></p>
							</ul>
						</li>
					</ul>

					<div class="banner">
						<img src="img/bottom-banner1.png"/>
					</div>

					<div class="phone-banner">

						<span class="phone">手机</span>
						<span class="more">查看全部></span>

						<div class="photo-max">
							<div class="photo-one">
								<!--<img src="img/photo-max1.png" />-->
							</div>

							<div class="photo"></div>
							<div class="photo"></div>
							<div class="photo"></div>
							<div class="photo-right"></div>
							<div class="photo"></div>
							<div class="photo"></div>
							<div class="photo"></div>
							<div class="photo-right"></div>
							<div class="banner"></div>

						</div>
					</div>

					<div class="phone-banner">

						<span class="phone">家电</span>
						<span class="more-right">电视影音</span>
						<span class="more">热门</span>

						<div class="photo-max">
							<div class="photo-one">
								<!--<img src="img/photo-max1.png" />-->
							</div>

							<div class="photo"></div>
							<div class="photo"></div>
							<div class="photo"></div>
							<div class="photo-right"></div>
							<div class="photo"></div>
							<div class="photo"></div>
							<div class="photo"></div>
							<div class="photo-right"></div>
							<div class="banner"></div>

						</div>
					</div>
					<div class="video">
						<span class="video-font">视频</span>
						<span class="video-right">查看全部></span>
						<div class="video-max">
							<div class="video-box-one"></div>
							<div class="video-box"></div>
							<div class="video-box"></div>
							<div class="video-box-two"></div>
						</div>
					</div>
				</div>

			</div>
			<!--脚部-->
			<div class="footer">
				<div class="container">

					<span>
						<a href="#">预约维修服务</a>
						<a href="#">7天无理由退货</a>
						<a href="#">十五天免费换货</a>
						<a href="#">满150包邮</a>
						<a href="#" class="right">520余家售后网点</a>
					</span>

					<div class="font-max">
						<div class="footer-font">
							<span>
								帮助中心
							</span>
							<ul>
								<li>账户管理</li>
								<li>购物指南</li>
								<li>售后政策</li>
							</ul>
						</div>
						<div class="footer-font"><span>
								帮助中心
							</span>
							<ul>
								<li>账户管理</li>
								<li>购物指南</li>
								<li>售后政策</li>
							</ul>
						</div>
						<div class="footer-font"><span>
								帮助中心
							</span>
							<ul>
								<li>账户管理</li>
								<li>购物指南</li>
								<li>售后政策</li>
							</ul>
						</div>
						<div class="footer-font"><span>
								帮助中心
							</span>
							<ul>
								<li>账户管理</li>
								<li>购物指南</li>
								<li>售后政策</li>
							</ul>
						</div>
						<div class="footer-font"><span>
								帮助中心
							</span>
							<ul>
								<li>账户管理</li>
								<li>购物指南</li>
								<li>售后政策</li>
							</ul>
						</div>
						<div class="footer-font"><span>
								帮助中心
							</span>
							<ul>
								<li>账户管理</li>
								<li>购物指南</li>
								<li>售后政策</li>
							</ul>
						</div>
						<div class="footer-font-two">
							<p>400-100-5678</p>
							<span>周一至周日8:00-18:00<br>（仅收市话费）</span>
							<br>
							<button>人工客服</button>
						</div>
					</div>
				</div>
			</div>

			<div class="fixed">
				<ul>
					<li><span class="iconfont icon-shouji"></span><br>手机App</li>
					<li><span class="iconfont icon-mine"></span><br>个人中心</li>
					<li><span class="iconfont icon-icon_repair"></span><br>售后服务</li>
					<li><span class="iconfont icon-rengong"></span><br>人工客服</li>
					<li><span class="iconfont icon-gouwuche"></span><br>购物车</li>
				</ul>
			</div>
			<div class="fixed2">
				<span class="iconfont ">回到顶部</span>
			</div>
			<script src="js/script.js"></script>

	</body>

</html>